@import "header.html"
<link rel="stylesheet" href="../css/change_pwd.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">修改密码</h1>
</header>
<main id="main">
    <div class="row">
        <label for="telNumber">手机号</label>
        <input id="telNumber" type="tel" v-model="tel" style="background: transparent" disabled>
    </div>
    <div class="row">
        <label for="authCode">验证码</label>
        <div class="auth-code">
            <input id="authCode" type="number" placeholder="请输入验证码" v-model="code" style="max-width: 60vw">
            <button id="getAuthCode" :class="{disable:!reqCode}" v-text="authCodeText" @click="countDown"></button>
        </div>
    </div>
    <div class="row">
        <label for="newPwd">请输入新密码</label>
        <input id="newPwd" type="password" placeholder="请输入新的密码" v-model="pwd">
    </div>
    <div class="row">
        <label for="confirmPwd">确认密码</label>
        <input id="confirmPwd" type="password" placeholder="请再次输入密码" v-model="confirmPwd">
    </div>

    <button id="changePwdBtn" type="button" class="mui-btn mui-btn-block" :class="{disable:!(code&&pwd&&confirmPwd)}"
            onclick="submit()">
        确认修改
    </button>
</main>
@import "js.html"
<script src="../script/change_pwd.js"></script>
</body>
@import "footer.html"